<template>
  <div>
    <public-head
      :title="publicHeadData.title"
      :path="publicHeadData.path"
      :hasSearch="publicHeadData.hasSearch"
    />
    <hover-tab  :tabData="hoverTabData" />
  </div>
</template>
<script>
import PublicHead from "../../../components/PublicHead";
import HoverTab from "./HoverTab";
import TabVariable from "./pubVariable";
export default {
  name: "knowledgeBase",
  components: {
    PublicHead,
    HoverTab,
  },
  data() {
    return {
      publicHeadData: {
        title: "知识园地",
        path: "knowledgeBase",
        hasSearch: true,
      },
      hoverTabData: [
        {
          title: TabVariable.GUIZHANGZHIDU.TITLE,
          name: TabVariable.GUIZHANGZHIDU.NAME,
        },
        {
          title: TabVariable.CAOZUOSHOUCE.TITLE,
          name: TabVariable.CAOZUOSHOUCE.NAME,
        },
        {
          title: TabVariable.QIXUANZILIAO.TITLE,
          name: TabVariable.QIXUANZILIAO.NAME,
        },
        {
          title: TabVariable.QITAZILIAO.TITLE,
          name: TabVariable.QITAZILIAO.NAME,
        },
        {
          title: TabVariable.QITA.TITLE,
          name: TabVariable.QITA.NAME,
        },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>

</style>
